<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>需求选稿</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="demand_choose">
    <div id="header" style="height: 78px;"></div>
    <div class="container">
        <div data-demand-choose="heading">
            <div data-demand-choose="headingright">
                <div data-demand-choose="headimg">
                    <img src="static/images/pc/demand/s1.jpg" alt="" />
                    <h2>用户名用户名</h2>
                </div>
                <p>共2人投稿，作品数5件</p>
            </div>
            <table>
                <tbody>
                <tr>
                    <td>需求名：</td>
                    <td>需求名称需求名称需求名称需求名称需求名称</td>
                </tr>
                <tr>
                    <td>作品类：</td>
                    <td>剧本</td>
                </tr>
                <tr>
                    <td>酬劳：</td>
                    <td><span>1000</span>元</td>
                </tr>
                <tr>
                    <td>倒计时：</td>
                    <td>20天19小时</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="choose_works">
            <div data-demand-works="worksboxl">
                <div data-demand-works="information">
                    <div data-demand-works="head">
                        <img src="static/images/pc/demand/1.jpg" alt="" />
                    </div>

                    <div data-demand-works="msg">
                        <h2>用户名</h2>
                        <p>著名画家，音乐人</p>
                        <span>13823142179</span>
                    </div>
                    <ul data-demand-works="worksimg">
                        <li data-toggle="modal" data-target="#demand_chooseworks-img">
                            <img src="static/images/pc/demand/1.jpg" alt="图片" />
                        </li>
                        <li  data-toggle="modal" data-target="#demand_chooseworks-audio">
                            <img src="static/images/pc/demand/2.jpg" alt="音频" />
                            <span class="zcbl-audioicon"><b></b></span>
                        </li>
                        <li data-toggle="modal" data-target="#demand_chooseworks-video">
                            <img src="static/images/pc/demand/s1.jpg" alt="视频" />
                            <div class="zcbl-videoicon"><b></b></div>
                        </li>
                        <li  data-toggle="modal" data-target="#demand_chooseworks-text">
                            <img src="static/images/pc/demand/1.jpg" alt="文字" />
                        </li>
                    </ul>


                </div>
                <div data-demand-works="btn">
                    <button data-toggle="modal" data-target="#demand_chooseworks" type="button" data-btn="orbgbtn">
                        选用作品
                    </button>
                </div>
            </div>
            <div data-demand-works="worksboxl">
                <div data-demand-works="information">
                    <div data-demand-works="head">
                        <img src="static/images/pc/demand/1.jpg" alt="" />
                    </div>

                    <div data-demand-works="msg">
                        <h2>用户名</h2>
                        <p>著名画家，音乐人</p>
                        <span>13823142179</span>
                    </div>
                    <ul data-demand-works="worksimg">
                        <li><img src="static/images/pc/demand/1.jpg" alt="" /></li>
                        <li>
                            <img src="static/images/pc/demand/2.jpg" alt="" />
                            <span class="zcbl-audioicon"><b></b></span>
                        </li>
                        <li>
                            <img src="static/images/pc/demand/s1.jpg" alt="" />
                            <div class="zcbl-videoicon"><b></b></div>
                        </li>
                        <li><img src="static/images/pc/demand/1.jpg" alt="" /></li>
                    </ul>


                </div>
                <div data-demand-works="btn"><span data-btn="grbgbtn">选用作品</span></div>
            </div>

        </div>
        <div id="page"></div>
    </div>

    <!-- 选用作品 摸态框 -->
    <div data-backdrop="static" class="modal fade" id="demand_chooseworks" aria-hidden="true">
        <div class="zcbl-modal-3 zcbl-modalHei285">
            <div class="zcbl-modal-tit">
                是否选中该作品
            </div>
            <div class="zcbl-modal-3-con">
                <p class="zcbl-modal-3-desc">
                    作品一旦被选用，您将不能对其他投稿人的作品进行二次选用，请三思
                </p>
            </div>
            <div class="clear"></div>
            <div class="zcbl-popupBtn">
                <button type="submit" class="btn-yellow-50 left mr25" data-dismiss="modal">确认</button>
                <button type="button" class="zcbl-modal-cancel" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>


    <!-- 图片  -->
    <div data-demand-works="modalbox" class="modal fade" style="display: none " id="demand_chooseworks-img">
        <div data-demand-works="modal">
            <div data-demand-works="modalheader">
                <div data-demand-works="userhead"><img src="static/images/pc/demand/1.jpg" alt="" /></div>
                <div data-demand-works="username">
                    <h2>用户名用户名</h2>
                    <p><i></i>北京，中国</p>
                </div>
            </div>
            <div data-demand-works="modalbody">
                <div data-demand-works="modalimg">
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                </div>

            </div>
        </div>

    </div>
    <!-- 文字 -->
    <div data-demand-works="modalbox" class="modal fade" style="display: none " id="demand_chooseworks-text">
        <div data-demand-works="modal">
            <div data-demand-works="modalheader">
                <div data-demand-works="userhead"><img src="static/images/pc/demand/1.jpg" alt="" /></div>
                <div data-demand-works="username">
                    <h2>用户名用户名</h2>
                    <p><i></i>北京，中国</p>
                </div>
            </div>
            <div data-demand-works="modalbody">
                <div data-demand-works="modaltext">
                    <h1>What Are Words</h1>
                    <p>
                        你在，我就寸步不离 <br>
                        <br>
                        你走，我就如影随形<br>
                        <br>
                        你唤，我就向你证明 我忠贞不渝<br>
                        <br>
                        你最需要我的时候，若我离去 那我与禽兽无异<br>
                        <br>
                        什么是誓言 如果你心不在焉 那就收回你的誓言<br>
                        <br>
                        什么是誓言 如果只能共享荣华 那它必将如浮云般消逝<br>
                        <br>
                        情到浓处 你海誓山盟 那誓言将永不消失 直到地裂天崩<br>
                        <br>
                        你就是上天赐予我的天使 这是命运的安排<br>
                        <br>
                        今晚我将守护在你身旁 与你同甘共苦<br>
                        <br>
                        我将时刻陪伴你 不离不弃<br>
                        <br>
                        什么是誓言 ;如果你心不在焉 ;那就收回你的誓言<br>
                        <br>
                        如果只能共享荣华;那它必将如浮云般消逝<br>
                        <br>
                        情到浓处 ;你海誓山盟 ;那誓言将永不消失 ;直到地裂天崩<br>
                        <br>
                        你在，我就寸步不离<br>
                        <br>
                        你走，我就如影随形<br>
                        <br>
                        你唤，我就向你证明<br>
                        <br>
                        我忠贞不渝<br>
                        <br>
                        你最需要我的时候，若我离去<br>
                        <br>
                        那我与禽兽无异
                    </p>
                </div>

            </div>
        </div>

    </div>
    <!-- 视频 -->
    <div class="modal fade" id="demand_chooseworks-video" aria-hidden="true">
        <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
        <div class="zcbl-modal-6">
            <!--编辑视频 start-->
            <div class="per-view-box">
                <div class="per-view-user">
                    <div class="per-view-uerImg">
                        <a href="./personal-artwork-pic.html" target="_blank"><img
                                src="static/images/pc/personal/user.jpg" height="100" width="100" alt=""/></a>
                    </div>
                    <div class="per-view-userInfo">
                        <p><a href="./personal-artwork-pic.html" target="_blank">用户名用户名</a></p>
                        <p class="per-site">北京，中国</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="videoBody">
                    <video width="980" height="550" controls="controls">
                        <source src="./static/video/video2.mp4" type="video/mp4">
                    </video>
                    <div class="videoIcon">
                        <a href="#" target="_self">&nbsp;</a>
                    </div>
                    <div class="clear mt25"></div>
                </div>
            </div>

        </div>
        <!--编辑视频 end-->
    </div>
    <!-- 音频 -->
    <div data-demand-works="modalbox" class="modal fade" style="display: none " id="demand_chooseworks-audio">
        <div data-demand-works="modal">
            <div data-demand-works="modalheader">
                <div data-demand-works="userhead"><img src="static/images/pc/demand/1.jpg" alt="" /></div>
                <div data-demand-works="username">
                    <h2>用户名用户名</h2>
                    <p><i></i>北京，中国</p>
                </div>
            </div>
            <div data-demand-works="modalbody" class="per-view-box">
                <div class="audioBody">
                    <img src="static/images/pc/personal/max1.jpg" alt="" width="980" height="550" id="mainphoto"
                         rel="images/max1.jpg"/>
                    <audio class="audioSrc" controls="controls">
                        您的浏览器不支持 audio 标签。
                        <source src="./static/audio/audio.mp3" type="audio/mpeg">
                    </audio>
                    <div class="audioIcon">
                        <a href="#" target="_self">&nbsp;</a>
                    </div>
                    <div class="clear mt25"></div>
                </div>

            </div>
        </div>

    </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
</body>
</html>